<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <style>

        body {
            /* 整体字体 与加载的字体名称一致 可涵盖大部分汉字，包括生僻字*/
            font-family: Kaiti,HanaMinB;
            font-size: 9pt;
            /*设置背景色*/
            /*background: #00FF00 ;*/
            /*设置背景图片 base64*/
            /*background-image:url() no-repeat fixed top;*/
        }
        /* 表格样式 */
        table{
            border-collapse:collapse;
            /*width:100%;*/
            /* 分页设置 */
            -fs-table-paginate:paginate;
            /* 表格内容换页设置 */
            page-break-inside:auto;
        }
        tr {
            /* 表格行避免分页被切断 */
            page-break-inside:avoid;
            page-break-after:auto;
        }
        td{
            border: 0.5px solid #7D0000;
            /*padding:2px;*/
        }
        th{
            border: 0.5px solid #7D0000;
            /*padding:2px;*/
            /*text-align: center;*/
        }

        .title_font{
            color: #9C5000;
            font-family: Kaiti,HanaMinB;
        }
        .content_font{
            font-family: SimSun;
        }

        /*强制分页样式，可在块中追加分页样式，
        例如<div class="page_break"></div>
        或 <img src="" class="mce-pagebreak" data-mce-resize="false" data-mce-placeholder />
        */
        .page_break { page-break-after:always;}

        /** 指定pdf纸张大小 **/
        @page {
            /* A4 大小 */
            /*size: A4 ;*/

            /* 宽 高 */
            size: 5cm 4cm;

            /* 四边留白 1cm */
            margin: 0.2cm;
            margin-top: 0cm;
            margin-bottom: 0cm;

            /* 底部留白 1cm */
            /*margin-bottom: 0.5cm;*/

            /* page四周黑框 */
            /*border: thin solid black;*/
        }
        .no_border th td{
            border: 0px;
        }
    </style>
</head>
<body>
<div style="text-align: center; width: 180px">
    <table style="width: 180px; height: 120px" class="no_border content_font">
        <tr style="height: 100px; width:95%">
            <td style="width:100%; border:none">
                <div style="display: flex; justify-content: center; align-items: center; height: 95px">
                    <object type="image/barcode" style="width:160px;height:80px"  data-th-value="${modelSku}" value="23303403299_203953921532" format="CODE_128"></object>
                </div>
                <div style="height: 10px; font-size: 8pt; center">
                    <span data-th-text="${modelSku}">23303403299_203953921532</span>
                </div>
            </td>
        </tr>
        <tr style="height: 12px">
            <td style="width:95%; border:none">
                <div style="height: 10px; font-size: 8pt; center">
                    <span data-th-text="${modelName}">YDX0000002-WhiteBlack-36</span>
                </div>
            </td>
        </tr>
        <tr style="height: 12px">
            <td style="width:95%; border:none">
                <div style="height: 10px; font-size: 8pt; center">
                    <span data-th-text="${remark}">白黑低帮-36</span>
                </div>
            </td>
        </tr>
    </table>
</div>
</body>
</html>